<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>搜索详情页</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <link rel="stylesheet" href="css/searchdetial.css"/>
    <style>
        html{height:100%}
        body#searchdetial{min-height: 100%;background: #fff}
        .EventHeader{
            margin-top:5px;
        }
        .EventHeader>span>a{
            color:#999;
        }
        /*发起群聊等待提示部分*/
        #waitplace{
            height:100%;
            width:100%;
            background:rgba(28,29,31,0.2);
            position:absolute;
            z-index: 1000;
            top:0;
            bottom:0;
            left:0;
            right:0;
        }
        #waitplace>div{
            width:240px;
            height:80px;
            background:rgba(53,53,53,0.5);
            overflow: hidden;
            border-radius:4px ;
            margin:auto;
        }
        #waitplace>div>div:first-child{
            width:33%;
            height:80px;
            text-align: center;
            line-height: 80px;
        }
        #waitplace>div>div:first-child>img{
            width:44px;
            height:44px;
            -webkit-animation:circle 1s infinite linear;/*匀速 循环*/
        }
        @-webkit-keyframes circle{
            0%{ transform:rotate(0deg); }
            100%{ transform:rotate(-360deg); }
        }
        #waitplace>div>div:last-child{
            height:80px;
            line-height:80px;
            font-size:18px;
            color:#fff;
        }
        /*类型 金额*/
        .scoreimg{
            position: relative;
            color:#F4C600;
            font-size:12px;
            padding-left:30px;
            margin-left:10px;
        }
        .scoreimg img:first-child{
            height: 16px;
            position: absolute;
            top: 0px;
            left: 0px;
        }
        .scoreimg img:last-child{
            height: 16px;
            position: absolute;
            top: 0px;
            left: 15px;
        }
        #citygobackbtn{
            float:left;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off" id="searchdetial">
<!--列表页面-->
<div class="PageWrapper mweb" id="page_wrapper1" style="display: block">
    <!-- 头部导航条-->
    <div class="Header" id="header1">
        <div class="fixed_header">
            <div class="header_main">
                <div class="page_title" id="page_title1"></div>
                <div class="header_action_buttons">
                    <a class="search"></a>
                </div>
            </div>
            <ul class="header_nav">
                <li class="HeaderNavItem HomeNavItem is_active">
                    <a id="read1">
                        <div class="label">阅读</div>
                    </a>
                </li>
                <li class="HeaderNavItem OpenQsNavItem">
                    <a id="answer1">
                        <div class="label">问答</div>
                    </a>
                </li>
                <li class="NotifsNavItem HeaderNavItem">
                    <a id="chat1">
                        <div class="label">聊天</div>
                    </a>
                </li>
                <li class="ProfileNavItem HeaderNavItem">
                    <a id="set1">
                        <div class="label">设置</div>
                    </a>
                </li>
            </ul>
        </div>
        <!-- 搜索提示-->
        <div class="QueryListTitle">
            <h2 class="query_title" style="height:31px;">
                <div class="query_wrapper">
                    <span class="query"></span>
                    的搜索结果
                </div>
                <div class="filters_wrapper">
                    <a id="gochoicebtn">高级搜索</a>
                </div>
            </h2>
        </div>
        <!-- 展示搜索结果-->
        <div class="searchlist-box"></div>
        <!-- 请稍等-->
        <div id="pleasewait">
            <div class="waitbox">
                <div id="waiting">加载中...</div>
                <div id="nonews" style="display:none">没有相关内容...</div>
            </div>
        </div>
    </div>
</div>
<!-- 筛选页面------------------>
<div class="bigbox1" id="choicesearch" style="display: none">
    <div class="bigbox2">
        <!-- 主页面-->
        <div class="PageWrapper nonav" id="page_wrapper" style="display: block;">
            <div class="EditorModal has_toolbar" style="padding-top: 44px;">
                <!-- 头部-->
                <div class="Header ModalHeader">
                    <div class="fixed_header">
                        <div class="header_main">
                            <button class="mweb_modal_back_button" id="choicesearchgoback"></button>
                            <div class="page_title unified">筛选</div>
                            <a class="navigation_button is_done" id="oksearchbtn">完成</a>
                        </div>
                        <ul class="header_nav">
                            <li class="HeaderNavItem HomeNavItem is_active">
                                <a id="read11">
                                    <div class="label">阅读</div>
                                </a>
                            </li>
                            <li class="HeaderNavItem OpenQsNavItem">
                                <a id="answer11">
                                    <div class="label">问答</div>
                                </a>
                            </li>
                            <li class="NotifsNavItem HeaderNavItem">
                                <a id="chat11">
                                    <div class="label">聊天</div>
                                </a>
                            </li>
                            <li class="ProfileNavItem HeaderNavItem">
                                <a id="set11">
                                    <div class="label">设置</div>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 类型筛选-->
                <div class="AboutSection setpageotherplace ">
                    <div class="section_header bordertop" style="border-top:none ">
                        类型筛选
                    </div>
                    <div class="Cell InputCell InputMixin">
                            <span class="tc_inner" id="questionchoice">
                                <div class="form_inputs">
                                    <p class="form_row">
                                        <span class="input_label">问题</span>
                                    </p>
                                </div>
                                <div class="changephotobox mysetpageimgbtn choicesearch">
                                    <img src="img/hook-no.png" style="width: 23px;height: 23px;" id="questionchoiceimg"/>
                                </div>
                            </span>
                        <div class="tc_stroke"></div>
                    </div>
                    <div class="Cell InputCell InputMixin">
                            <span class="tc_inner" id="newschoice">
                                <div class="form_inputs">
                                    <p class="form_row">
                                        <span class="input_label">新闻</span>
                                    </p>
                                </div>
                                <div class="changephotobox mysetpageimgbtn choicesearch">
                                    <img src="img/hook-no.png" style="width: 23px;height: 23px;" id="newschoiceimg"/>
                                </div>
                            </span>
                        <div class="tc_stroke"></div>
                    </div>
                    <div class="Cell InputCell InputMixin">
                            <span class="tc_inner" id="expchoice">
                                <div class="form_inputs">
                                    <p class="form_row">
                                        <span class="input_label">经验</span>
                                    </p>
                                </div>
                                <div class="changephotobox mysetpageimgbtn choicesearch">
                                    <img src="img/hook-no.png" style="width: 23px;height: 23px;" id="expchoiceimg"/>
                                </div>
                            </span>
                        <div class="tc_stroke"></div>
                    </div>
                </div>
                <!-- 高级搜索-->
                <div class="AboutSection setpageotherplace ">
                    <div class="section_header bordertop">
                        高级搜索
                    </div>
                    <!-- 行业筛选-->
                    <div class="Cell InputCell InputMixin" style="display:none">
                        <div class="sendquestionpage">
                            <div class="sendquestionlabel hangyelistbtn">
                                <div class="img">
                                    <img src="img/mywo.png">
                                </div>
                                <div>行业</div>
                                <div class="img xialaxia">
                                    <img src="img/rarr02.png" class="xialaimg">
                                </div>
                                <div class="kindword hangyewords"></div>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                    <!-- 兴趣筛选-->
                    <div class="Cell InputCell InputMixin" style="display:none">
                        <div class="sendquestionpage">
                            <div class="sendquestionlabel xingqulistbtn">
                                <div class="img">
                                    <img src="img/myhob.png" style="width: 18px;height: 18px;">
                                </div>
                                <div>兴趣</div>
                                <div class="img xialaxia">
                                    <img src="img/rarr02.png" id="xingquxialaimg">
                                </div>
                                <div class="kindword xingquwords"></div>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                    <!-- 地理筛选-->
                    <div class="Cell InputCell InputMixin" id="didian" style="display: block;">
                        <div class="sendquestionpage mychoicecitybtn">
                            <div class="sendquestionlabel" id="didianbtn">
                                <div class="img">
                                    <img src="img/myloca.png">
                                </div>
                                <div>地点</div>
                                <div class="img xialaxia">
                                    <img src="img/rarr02.png" id="didianxialaimg">
                                </div>
                                <div class="kindword myctywords"></div>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                    <!-- 学历筛选-->
                    <div class="Cell InputCell InputMixin" id="xueli" style="display: block;">
                        <div class="sendquestionpage">
                            <div class="sendquestionlabel eudcationbtn" id="xuelibtn">
                                <div class="img">
                                    <img src="img/myedu.png">
                                </div>
                                <div>学历</div>
                                <div class="img xialaxia">
                                    <img src="img/rarr02.png" id="xuelixialaimg">
                                </div>
                                <div class="kindword eduwords"></div>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                    <!-- 关系筛选-->
                    <div class="Cell InputCell InputMixin" id="guanxi" style="display: block;">
                        <div class="sendquestionpage">
                            <div class="sendquestionlabel relabtn">
                                <div class="img">
                                    <img src="img/rela.png">
                                </div>
                                <div>关系</div>
                                <div class="img xialaxia">
                                    <img src="img/rarr02.png">
                                </div>
                                <div class="kindword" id="relawords"></div>
                            </div>
                        </div>
                        <div class="tc_stroke"></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 行业加载的列表页-->
        <div class="PageWrapper mweb" id="choicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<button class="mweb_modal_back_button lf"></button>-->
                        <div class="page_title">选择行业</div>
                        <a class="navigation_button is_done" id="finish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="choicedbox">

                            </div>
                            <div class="rt" style="font-weight: 100;font-size: 12px;">最多可选三个</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 列表页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="delectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="ts_cells"></ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 兴趣加载的列表页-->
        <div class="PageWrapper mweb" id="xqchoicepage" style="margin-top: 88px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <!--<button class="mweb_modal_back_button lf"></button>-->
                        <div class="page_title">选择兴趣</div>

                        <a class="navigation_button is_done" id="xqfinish">完成</a>
                    </div>
                    <!-- 四个导航-->
                    <div class="HeaderSwitcher ReadSwitcher SubHeader" style="height: 44px;">
                        <div class="switcher">
                            已选：
                            <div id="xqchoicedbox">
                            </div>
                            <div class="rt" style="font-weight: 100;font-size: 12px;">最多可选三个</div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div id="xqdelectlist" style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="xqts_cells">
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 最高学历-->
        <div class="PageWrapper mweb" id="edchoicepage" style="margin-top:44px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <div class="page_title">选择学历</div>
                        <a class="navigation_button is_done" id="edfinish">完成</a>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div style="display:block">
                    <div class="Section">
                        <ul class="ts_cells">
                            <li class="Cell edlist">
                                        <span class="tc_inner">
                                            初中级以下
                                            <div class="rt edokbtn">
                                                <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                        <span class="tc_inner">
                                            高中
                                            <div class="rt edokbtn">
                                                <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                        <span class="tc_inner">
                                            大学
                                            <div class="rt edokbtn">
                                                <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell edlist">
                                        <span class="tc_inner">
                                            硕士及以上
                                            <div class="rt edokbtn">
                                                <img src="img/hook-no.png" class="edokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="edokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 待过的城市-->
        <div class="PageWrapper mweb" id="ctchoicepage" style="display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <button class="mweb_modal_back_button" class="lf" id="citygobackbtn"></button>
                        <div class="page_title">选择城市</div>
                        <a class="navigation_button is_done" id="ctfinish">完成</a>
                    </div>
                </div>
            </div>
            <!-- 搜索框-->
            <div class="inputsearchbox">
                <div>
                    <div class="header_action_buttons mweb_lookup_bar_has_input">
                        <div class="mweb_lookup_bar_input_wrapper ">
                            <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                                <div id="csearchbtn"></div>
                                <input type="text" id="csearchinput" placeholder="搜索" style="width:100%"/>
                            </div>
                        </div>
                    </div>
                </div>

                <div id="choicecitybox" style="display: block">
                    已选择：
                </div>
            </div>
            <!-- 所有城市页面-->
            <div class="wrapper home_feed" id="allcitypage">
                <!-- 列表-->
                <div style="display:block">
                    <div class="Section">
                        <ul class="ts_cells" id="citylistul">
                        </ul>
                    </div>
                </div>
                <!--右侧导航条-->
                <div class="rightnav">
                    <div data-num="1">A</div>
                    <div data-num="2">B</div>
                    <div data-num="3">C</div>
                    <div data-num="4">D</div>
                    <div data-num="5">E</div>
                    <div data-num="6">F</div>
                    <div data-num="7">G</div>
                    <div data-num="8">H</div>
                    <div data-num="9">J</div>
                    <div data-num="10">K</div>
                    <div data-num="11">L</div>
                    <div data-num="12">M</div>
                    <div data-num="13">N</div>
                    <div data-num="14">P</div>
                    <div data-num="15">Q</div>
                    <div data-num="16">R</div>
                    <div data-num="17">S</div>
                    <div data-num="18">T</div>
                    <div data-num="19">W</div>
                    <div data-num="20">X</div>
                    <div data-num="21">Y</div>
                    <div data-num="22">Z</div>
                </div>
            </div>
        </div>
        <!--关系-->
        <div class="PageWrapper mweb" id="rechoicepage" style="margin-top:44px; display: none">
            <!-- 头部导航条-->
            <div class="Header">
                <div class="fixed_header">
                    <div class="header_main">
                        <div class="page_title">选择</div>
                        <a class="navigation_button is_done" id="refinish">完成</a>
                    </div>
                </div>
            </div>
            <!-- 页面主体-->
            <div class="wrapper home_feed">
                <!-- 列表-->
                <div style="display:block">
                    <div class="Section">
                        <ul class="ts_cells">
                            <li class="Cell" id="fribtn">
                                        <span class="tc_inner">
                                            好友
                                            <div class="rt reokbtn">
                                                <img src="img/hook-no.png" class="reokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="reokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell" id="gfribtn">
                                        <span class="tc_inner">
                                            密友
                                            <div class="rt reokbtn">
                                                <img src="img/hook-no.png" class="reokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="reokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                            <li class="Cell" id="strbtn">
                                        <span class="tc_inner">
                                            陌生人
                                            <div class="rt reokbtn">
                                                <img src="img/hook-no.png" class="reokbtnimg2" style="display: block"/>
                                                <img src="img/hook01.png" class="reokbtnimg1" style="display: none"/>
                                            </div>
                                        </span>
                                <div class="tc_stroke"></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--筛选等待------------------->
<div id="waitplace" style="display:none;position:absolute;top:0;z-index: 1000;">
    <div style="margin-top:0;">
        <div class="lf">
            <img src="img/aoy.png"/>
        </div>
        <div class="lf">
            正在搜索...
        </div>
    </div>
</div>
<!--分享付费提示-->
<div class="action_menu_container moneyinfomob" style="display:none;overflow: hidden;background:rgba(0,0,0,0.75)">
    <div class="inner">
        <div class="action_menu" style="padding-top: 144px;">
            <a class="mweb_action_button sharepayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px; display:block;">
                您的账户余额不足！
            </a>
            <a class="mweb_action_button askpayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px;">
                请在 “设置”、“个人账户” 中进行充值。
            </a>
            <a class="mweb_action_button" id="okgobtn">确定</a>
            <a class="mweb_action_button" id="cancel">取消</a>
        </div>
    </div>
</div>
<script src="js/jquery-1.11.3.js"></script>
<script src="js/jquery.cookie.js"></script>
<script src="js/citylistjs.js"></script>
<script src="ftnjs/ctoe.js"></script>

<script src="js/tohref.js"></script>
<script src="ftnjs/urlnote.js"></script>
<!-- 搜索筛选-->
<script src="js/choicesearch.js"></script>

<script src="js/searchdetial.js"></script>

</body>
</html>